@charset "utf-8";
/* CSS Document */

body{font-size:14px;font-family:"Microsoft YaHei"; color:#666;font-weight:normal;width:100%;height:100%;}
*{padding:0px;margin:0px;}
img{border:0px;margin:0;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
.clr{clear:both;}
a{text-decoration:none;}
a:focus {outline:0;}
img{border:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}
.top{ width:1200px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
/*默认文字连接样式*/
/*默认文字连接样式*/
a{ color:#333; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); font-family:"Microsoft YaHei";}
a:hover{ text-decoration:none; color:#6198c9;}

/*------------头部-------------*/
.head{ width:100%; height: 146px; background: #fff;}
.head .w1200{ position: relative; }
.logo{ float:left; width:84px; height:90px; position: absolute; left: 638px; top: 20px;}
.logor{ width:1px; height:54px; float:left; background: #eee; margin:42px 15px 0 0;}
.dwy{ height:66px; float:left; margin-top:50px;}
.dwy h2{ font-size:26px; color:#4154ca; font-weight: bold;}
.dwy p{color:#444; height:32px;line-height:32px;font-size: 15px;}
.dwy p span{ font-weight: bold; color: #4154ca; }
.tel{float:right;background:url(../images/tel.png) no-repeat 0 36px; margin-top:50px; text-align: right;}
.tel p{font-size:14px; color:#555; letter-spacing: 3px; line-height: 27px; margin-right: 10px;padding-left: 25px;}
.tel h3{ font-size:26px; font-weight:bold; color:#4154ca;line-height: 28px; margin-top: 5px;padding-left: 25px;}

.temw{ width: 93px; height: 97px; float: right; margin-top: 39px; }

.ali{ width: 115px; position: absolute; left: 623px; top: 39px; text-align: center; }
.ali p{ height: 27px; border: 1px solid #eee; color: #333; font-size: 16px; line-height: 27px; margin-top: 5px; }

/*------------nav-------------*/
.navbox{ width:100%; height:60px; background:url(../images/navli_bg.jpg);}
.navc ul li{line-height:60px; text-align:center; float:left; font-size:16px; background:url(../images/nvali_bg.png) no-repeat}
.navc ul li .home{ width: 20px; height: 20px; padding-top:18px; float: left; padding-right: 5px; }
.navc ul li a{ color:#fff;display:block; padding:0px 47px;}
.navc ul li:hover{ height:60px;background:#222; transition:all 0.5s;}
.navc ul li:hover a{ color:#fff; transition:all 0.5s;}
.navc ul li a.cur{height:60px; background:#222; color: #fff;}
.navc ul li:nth-child(1){background-image: none;}

/*--------banner-----------------*/
.banner {width: 1920px;  height: 600px; overflow: hidden;margin-left: 50%;position: relative;top: 0;left: -960px;
}
.banner img{width: 1920px;height: 600px;}
.banner>ul {  height: 600px;  position: relative;
}
.banner>ul>li {  position: absolute;  width: 100%;  height: 600px;  background-position: center center;  background-repeat: no-repeat;  display: none;  z-index: 10;  background-size: cover;
}
.banner .cut {  display: none;  position: absolute;  top: 235px;  left: 50%;  z-index: 30;  width: 43px;  height: 75px;  opacity: 0.3;  background:#000 url(../images/iconlist.png) no-repeat;
}
.banner .cut:hover {  opacity: 0.5;  cursor: pointer;
}
.banner .prev {  margin-left:-594px;  background-position: 10px -295px;
}
.banner .next{  margin-left:550px;  background-position: 10px -355px;
}
.banner:hover .cut {  display: block;
}
.indicator {  position: absolute;  bottom:50px;  left: 0;  width: 100%;  height: 14px;  text-align: center;  z-index: 30;
}
.indicator>em {  display: inline-block;  width:20px;  height: 20px; background:url(../images/bico1.png) no-repeat; margin: 0 5px;  cursor: pointer;
}
.indicator>em.active {  background:url(../images/bico2.png) no-repeat;
}

/*------------seach-------------*/
.searchbg{background:url(../images/searchbg.png) no-repeat top center;height:118px;width:100%;margin-top:-32px;z-index:99999;position:relative;}
/*------------seach-------------*/
.ssbox{ height:80px; border-bottom: 1px solid #ccc;}
.sousuo{ height:50px; padding-top:47px;}
.seachl{ width:750px; height:40px; float:left; overflow:hidden; padding-top:10px;}
.seachl h4{ font-size:16px; color:#fff; font-weight: bold; float:left; text-transform: uppercase;}
.seachl a{ padding:3px 10px 0 10px;color:#fff; float:left;}
.seachl a:hover{ text-decoration: underline; }

.sea_right{height:36px; float:right; width:284px; background: #fff; color: #444; margin-top:5px; margin-right: 14px;}
.searchbox {height:36px; width:236px; position:relative;}
.searchbox p {float: left;height:36px;width:135px;}
.search_txt {width:175px;overflow:hidden;color:#ccc; padding-left:15px; height:36px; line-height:36px;border:none;background:none;font-size:14px;float:left;outline:none;}
.searchbox span {float:left; height:28px; width:28px;position:absolute; right:-24px; top:0px;}
.loginsubmit { border:none;overflow: hidden;width:54px;background:url(../images/ss.png) no-repeat center center; float:left;cursor:pointer;height:36px; color:#444;}
.searchr{ width:375px; height:36px; margin:30px 0 0 124px; float:left; line-height:36px;}
.searchr a{ padding:0 5px;}
#SearchType { height: 36px; width: 67px; background: #4086c9; color: #fff; line-height: 36px; padding-left:5px; border:none; float:left;outline: none;}

/*------------产品-------------*/

.cpbox{ width: 100%; background: #f5f5f5; padding: 70px 0;}
.cptit h3{ font-size: 30px; font-weight: bold; float: left; margin-right: 20px;background: url(../images/cptit_yuan.png) no-repeat 70px center; }
.cptit h3 a{ color: #232323; }
.cptit h3 span{color: #4154ca; }
.cptl{ float: left; }
.cptl p{ float: left;margin-top: 23px; }
.t1{font-size: 16px; color: #848484; letter-spacing: 5px; text-transform: uppercase; line-height: 20px; margin-top: 15px; float: left;}
.t2{ font-size: 14px;float: right; margin-right: 10px;}
.t2 a{ color: #fff; padding: 8px 50px; background: #4154ca;display: block; float: left; margin-left: 20px;}
.t2 a:hover{padding: 8px 50px;background: #4097c9; color: #fff;}
.jia{ height: 32px; width:91px; float: right; }
.jia p{display: block;text-align: center; line-height: 42px; float: right; }
.jia p a{ color: #fff; font-size: 24px; }
.cptr{ width: 40%; float: right; }


.honor{width:100%; margin-top: 40px;}
.honor1{overflow:hidden; height: 700px;}
.honor1 ul{width:1280px;}
.honor1 ul li{width:380px;height:287px;float:left;margin-right:30px; margin-bottom: 30px; position: relative; overflow: hidden;}
.honor1 ul li a{width:380px;height:287px;display:inline-block;}
.honor1 ul li h3{height:40px; line-height:40px;background: #fff; text-align: center; width: 380px; margin: 0 auto; margin-top: 9px; font-size:14px;color:#333;font-family:"Arial";}
.honor1 ul li .cph img{width: 380px; height: 238px;}
.honor1 ul li .cph{ width: 380px; height: 287px;background: url(../images/cpbg.jpg) no-repeat;}
.honor1 ul li:hover h3{ width: 380px; margin: 0 auto; color: #fff; height: 40px; line-height: 40px; background: #4154ca; margin-top: 9px;}
.honor1 ul li:hover .tcc{width: 380px; height: 238px; background: #4097c9; position: absolute; top: 0; left: 0; }
.honor1 ul li:nth-child(2){ position: relative; top: 30px; }
.honor1 ul li:nth-child(5){position: relative; top: 30px;}

.tcc{ width: 380px; height: 238px; background: #4097c9; position: absolute; top: 287px; left: 0; filter:alpha(opacity:80);opacity:0.8;}
.tcc img{ width: 18px; height: 18px; margin: 108px 0 0 180px;}

.cpm2{background: #4154ca; width: 357px; height: 63px;line-height:63px; margin: 0 auto; margin-bottom: 163px; text-align: center;}
.cpm2 a{width: 357px; height: 63px; display: block; color: #fff;}
.cpm2:hover{background: #4097c9;}

/*------------优势-------------*/
.ys{width:100%;  height: 685px; background: url(../images/ys_bg.jpg) no-repeat;}
.ys .w1200{position:relative;}
.ys .title{ width:388px; height: 79px; position: absolute; top: -126px; right: 109px; z-index: 99; }
.ys .title h2{font-size:24px;color:#fff;font-weight:bold;margin-bottom:6px; text-align: left;}
.ys .title h2 span{color:#232323;}
.ys .title h3{color:#626262;font-size:13px;color:#626262;text-transform:uppercase;background: url(../images/lc-x.png) no-repeat center center;font-weight:bold;}
.ys .title p{font-size:14px;color:#626262;margin-top:15px; height: 37px;}
.ys1{width:1200px;margin:0 auto; float: left;}
.ys-t{width:1200px;}
.ys-t ul{width:9999999%;}
.ys-t ul li{width:744px;overflow:hidden;float:left; position: absolute; top: 350px;}
.ys-t ul li dl{width:744px;overflow:hidden;}
.ys-t ul li dt{float:left;}
.ys-t ul li dd{width:744px;overflow:hidden;float:left;}
.ys-t ul li h4{overflow:hidden;display:inline-block; font-size: 24px; color: #999; margin-top: 17px;}
.ys-t ul li p{font-size:14px;color:#999;line-height: 30px;overflow:hidden;margin-top:20px;}
.ys-t ul li p span{ font-weight: bold; }
.ys-ul{width:100px;margin:0 auto;margin-top:54px;height:40px;position:absolute;top:400px;left:20px;z-index:10;}
.ys-ul li{height:10px;line-height:10px;width:10px;background:#999;border-radius:10px;margin-right:8px;float:left;display:inline-block;z-index:2;}
.ys-ul li:last-child{margin:0;}
.ys-ul .on{background:#f1c338;}
.ys-ul li:first-child{margin-left:10px;}
.tubiao{width:108px;height:41px;overflow:hidden;line-height:55px;margin:0 auto;position:absolute;top:584px;left:630px;z-index:999;}
.tubiao .prev{width:54px;height:41px;background:url(../images/ysleft.jpg) no-repeat center center;display:inline-block;cursor:pointer;float:left;}
.tubiao .next{width:54px;height:41px;background:url(../images/ysright.jpg) no-repeat center center;display:inline-block;cursor:pointer;float:right;}
.ysmore{float:left;position:relative;top:40px;z-index:100; left: 20px;}
.ysmore a{width:148px;height:39px;border-radius:20px;display:inline-block;text-align:center;line-height:39px;font-size:14px;font-weight:bold;color:#fff; background: #333;}
.ysmore a:hover{background:#fedc3d; color: #333;}

.yuan{ color: #fff;}
.yswzx{ width: 17px; height: 2px; background: #fff; margin-top: 20px; }

.yspic{ width: 744px; height: 453px; position: absolute; left:0; top: -169px;-moz-box-shadow: 1px 0 5px #333;-webkit-box-shadow: 1px 0 5px #333;box-shadow: 1px 0 5px #333;}
.ys01{ width: 330px; float: left; }
.ys02{width: 330px;float: right; }

.ysdwy{ position: absolute; top: 30px; right: 0; width: 330px; }
.ysdwy h3{ font-size: 16px; color: #ccc; padding-top: 20px; }
.ysdwy p{ padding-top: 16px; }
.ysdwyx{width: 31px; height: 2px; background: #fff; margin-top: 10px;}

.ysimg2{ width: 345px; height: 372px; position: absolute; top: 258px; right: 0; }


/*---定制---*/
.dzbox{ width: 100%;background:#eee; padding: 60px 0;}
.dzlist{ height: 78px; margin-top: 30px;}
.dzlist ul li{ width: 170px; height: 78px; background: #fff; float: left; margin-right: 1px; }
.dzlist ul li p{ font-size: 16px; padding: 26px 0 0 20px; float: left; color: #333; }
.dzlist ul li:hover p{ color: #fff; }
.dzlist ul li:hover{ background: #4097c9; }
.dzlist ul li h4{ color: #fff; padding: 13px 0 0 89px; }
.dzlist ul li:hover .dznmu{  width: 23px; height: 19px; background:url(../images/11.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dzlist ul li:hover .dznmu2{  width: 24px; height: 19px; background:url(../images/22.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dzlist ul li:hover .dznmu3{  width: 25px; height: 19px; background:url(../images/33.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dzlist ul li:hover .dznmu4{  width: 25px; height: 19px; background:url(../images/44.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dzlist ul li:hover .dznmu5{  width: 25px; height: 19px; background:url(../images/55.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dzlist ul li:hover .dznmu6{  width: 25px; height: 19px; background:url(../images/66.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dzlist ul li:hover .dznmu7{  width: 25px; height: 19px; background:url(../images/77.png) no-repeat; margin: 28px 0 0 20px; float: left;}

.dznmu{  width: 23px; height: 19px; background:url(../images/1.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dznmu2{  width: 24px; height: 19px; background:url(../images/2.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dznmu3{  width: 25px; height: 19px; background:url(../images/3.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dznmu4{  width: 25px; height: 19px; background:url(../images/4.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dznmu5{  width: 25px; height: 19px; background:url(../images/5.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dznmu6{  width: 25px; height: 19px; background:url(../images/6.png) no-repeat; margin: 28px 0 0 20px; float: left;}
.dznmu7{  width: 25px; height: 19px; background:url(../images/7.png) no-repeat; margin: 28px 0 0 20px; float: left;}

.cptit2{ }
.cptit2 h3{ font-size: 30px; font-weight: bold; color: #444; float: left; margin-right: 20px;background: url(../images/cptit_yuan.png) no-repeat 70px center; }
.cptit2 h3 a{ color: #444; }
.cptit2 h3 span{color: #4154ca; }
.cptl2{ float: left; }
.jia2{ float: right; }
.jia2 p{display: block;text-align: center; line-height: 42px; float: right; font-size: 16px; color: #999; letter-spacing: 3px; }
.jia2 p a{ color: #fff; font-size: 24px; }
.cptr2{ width: 40%; float: right; }
.t11{font-size: 16px; color: #ccc; letter-spacing: 5px; text-transform: uppercase; line-height: 20px; margin-top: 20px; float: left;}

/*---关于---*/
.aboutbg{ width: 100%; height:502px; background:url(../images/about_bg.png) no-repeat top center;}
.abl{ width: 530px; height: 406px; float: left; margin-top: 109px; color: #fff; }
.abl h3{ font-size: 20px; margin-top: 50px; }
.abl h3 a{ color: #fff; }
.abx{ width: 18px; height: 2px; background: #ccc; margin-top: 22px; }
.jj{ margin-top: 15px; line-height: 30px; }
.abm{ width: 108px; height: 30px; background: #fff; text-align: center; line-height: 30px; margin-top: 30px;}
.abm a{ width: 108px; height: 30px; display: block;}

.abr{ width: 590px; height: 520px; position: relative; float: right; margin-top: 70px;  }
.abrimg{ width: 950px; height: 520px; position: absolute; left: 0; bottom: 0; }



/*------------相册-------------*/
.yybox{ width: 100%;}

.xc{width:100%; margin-top: 30px;}
.xc .w1200{position:relative;}
.xc1{overflow:hidden;}
.xc1 ul{width:1200px;}
.xc1 ul li{width:276;height:213px;float:left;overflow:hidden;margin-right:31px;}
.xc1 ul li a{width:276px;height:213px;overflow:hidden;display:inline-block;}
.xc1 ul li img{border:1px solid #eee;-moz-box-shadow: 1px 5px 20px #e2e2e2; -webkit-box-shadow: 1px 5px 20px #e2e2e2; box-shadow: 1px 5px 20px #e2e2e2;}
.xc1 ul li h3{text-align:center;height:40px;line-height:40px;font-size:14px;color:#666;font-family:"Arial";}
.xc1 ul li:hover h3{color:#df3f0f;}
.xc1 ul li:hover img{border:1px solid #df3f0f;}
.xc .prev{width:30px;height:30px;overflow:hidden;background: url(../images/prev.png) no-repeat center center;position:absolute;left:550px;top:-61px;cursor:pointer;}
.xc .next{width:30px;height:30px;overflow:hidden;background: url(../images/next.png) no-repeat center center;position:absolute;right:591px;top:-61px;cursor:pointer;}

.cptit3{ width:222px;position: relative; margin-top: -40px;}
.cptit3 h3{ font-size:30px;}
.cptit3 h3 a{ color:#222;}
.cptit3 h3 a:hover{ color:#333;}

.altityw{ width: 200px; height: 44px; margin: 0 auto; }



/*------------新闻-------------*/
.newjg{ height: 50px; }
.newx{ width: 100%; height: 1px; background: #ccc; margin-top: 30px; }

.newl{ width:760px; float:left; margin-top: 50px; }
.newimg{ width:192px; height:121px; float:left; position: relative;}
.remen{ width:530px; height:121px; overflow:hidden; float:right;}
.remen h3{ width:530px; height:25px; line-height:25px; overflow:hidden; font-size:14px;}
.remen h3 a{ color:#333;}
.remen h3 a:hover{color:#4154ca;}
.remen h3 span{ float:right;}
.remen p{ color:#999;height:50px; overflow:hidden; line-height:25px; margin-top:10px; float:left; margin-bottom: 5px;}
.remm{ width: 82px; height: 27px;text-align: center; line-height: 27px; margin-top: 5px; }

.newlist1{ width:760px; margin:30px 0 0 0; overflow:hidden;}
.newlist1 dl{ width:360px; height:30px; margin-top:15px; border-bottom: 1px dashed #ccc; padding-bottom: 5px; overflow:hidden; background:url(../images/db_ico.jpg) no-repeat 0 8px; float: left; margin-right: 30px;}
.newlist1 dl dt{ width:65px; height:71px; background:#1f9a55;text-align:center; float:left; margin-right:10px;}
.newlist1 dl dt h3{ font-size:30px; color:#fff; text-align:center; padding-top:8px;}
.newlist1 dl dt p{ font-size:10px; color:#fff; text-align:center;}
.newlist1 dl dd{ height:75px; overflow:hidden;}
.newlist1 dl dd span{ float: right; }
.newlist1 dl dd a{ padding-left: 30px; }
.newlist1 dl dd p{overflow:hidden; height:40px; float:right;}
.newlist1 dl:hover a{ color:#4154ca; transition:all 0.5s;}
.newlist1 dl:hover span{ color:#4154ca; transition:all 0.5s;}
.newlist1 dl:hover{background:url(../images/dbhover_ico.jpg) no-repeat 0 8px;}
.newliul{ width: 800px; }

.newr{ float: right; margin-top: 50px; }
.newr ul li{ width: 391px; height: 50px; line-height: 50px; background:url(../images/newjia.png) no-repeat right 17px center #4154ca; margin-bottom: 1px;}
.newr ul li a{width: 391px; height: 50px;  display: block; color: #fff;}
.newr ul li p{ padding-left: 20px; width: 324px; overflow: hidden; }
.newr ul li:hover{ background:url(../images/newjia.png) no-repeat right 17px center #4097c9;}


/*友情链接*/
.link{ padding: 50px 0; }
.link h3{ float: left; margin-right: 24px; }
.link p span{ margin: 0 15px; }
.link a:hover{ color: #4154ca; }


/*底部*/
.foot{ width: 100%; background: #111;}

.foot3{ float: right;padding-top: 57px; }
.ewm{ width: 121px; float: right; margin-top: 20px;}
.ewm img{ width: 121px; height: 121px; }
.ewm p{ line-height: 20px; color: #fff; margin-top:10px;}

.ewm2{ width: 121px; float: right;margin-right: 40px; margin-top: 20px;}
.ewm2 img{ width: 121px; height: 121px; }
.ewm2 p{ line-height: 20px; color: #fff; margin-top:10px;}

.foot1{ width: 350px; float: left; padding-top: 57px; color: #ccc; margin-right: 130px;}
.dbx{ width: 40px; height: 3px; background: #fff; margin-top: 10px; }
.foot1 p{ padding-top: 16px; }
.foot1 p a{ color: #ccc; }
.foot1 .tit{ font-size: 14px; color: #4097c9;}
.foot1 .tit h3{ font-size: 24px; font-weight: bold; }

.ico1{ height: 30px; background:url(../images/f1.png) no-repeat; margin-top: 25px; line-height: 30px;}
.ico2{ height: 30px; background:url(../images/f2.png) no-repeat; margin-top: 5px;line-height: 30px;}
.ico3{ height: 30px; background:url(../images/f3.png) no-repeat; margin-top: 5px;line-height: 30px;}
.ico4{ background:url(../images/f4.png) no-repeat; margin-top: 5px;line-height: 30px;}
.ico4 a{ color: #ccc; }
.ico4 a:hover{ color: #4097c9; }

.btyw2{ font-size: 20px; color: #fff; font-weight: bold; }
.foot2{ float: left; padding-top: 57px; width: 320px; }
.foot2 ul{ margin-top: 20px; }
.foot2 ul li{ float:left; width: 150px; line-height: 35px; }
.foot2 ul li a{ color: #ccc; }
.foot2 ul li a:hover{ color: #4097c9; }

.banq{ width:100%; height:50px;background:url(../images/fgx.jpg) no-repeat top center; text-align:center; line-height:50px; color:#fff; margin-top: 30px;}
.banq a{ color:#fff;}
.banq a:hover{ text-decoration:underline;}